<tabset>
  <tab i18n-heading heading="Pools List">
    <cd-view-cache *ngFor="let viewCacheStatus of viewCacheStatusList"
                   [status]="viewCacheStatus.status"
                   [statusFor]="viewCacheStatus.statusFor"></cd-view-cache>

    <cd-table #table
              [data]="pools"
              [columns]="columns"
              selectionType="single"
              (updateSelection)="updateSelection($event)">
      <cd-table-actions class="table-actions"
                        [permission]="permissions.pool"
                        [selection]="selection"
                        [tableActions]="tableActions">
      </cd-table-actions>
      <tabset cdTableDetail *ngIf="selection.hasSingleSelection">
        <tab i18n-heading
             heading="Details">
          <cd-table-key-value [renderObjects]="true"
                              [data]="selection.first()"
                              [autoReload]="false">
          </cd-table-key-value>
        </tab>
        <tab i18n-heading
             *ngIf="permissions.grafana.read"
             heading="Performance Details">
          <cd-grafana [grafanaPath]="'8ypfkWpik/ceph-pool-detail?var-pool_name='
                      + selection.first()['pool_name']"
                      grafanaStyle="one">
          </cd-grafana>
        </tab>
      </tabset>
    </cd-table>
  </tab>

  <tab i18n-heading
       *ngIf="permissions.grafana.read"
       heading="Overall Performance">
    <cd-grafana [grafanaPath]="'z99hzWtmk/ceph-pools-overview?'"
                grafanaStyle="two">
    </cd-grafana>
  </tab>
</tabset>
